 /*///////公共样式////'’‘；；'*/

 body,div,ul,ol,dl,dt,dd,li,dl,h1,h2,h3,h4
 
　　{margin:0;padding:0;
	font-style:normal;font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif}
 
　　ol,ul,li{list-style:none;}
 
　　img{border:0;vertical-align:middle;}
 
　　body{color:#000000;background:#FFF;text-align:center;}
 
　　.clear{clear:both;height:1px;width:100%;overflow:hidden;margin-top:-1px;}
 
　　a{color:#000000;text-decoration:none;}
 
　　a:hover{color:#BA2636;text-decoration:underline;}
.body{
	width: 100%;
}
html{width: 100%;}

.equipment{
	width: 100%;
	height: 100%;
	background-image: url(../img/bg.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	overflow: auto;
}
.equipment .equipmentTOP{
	width: 70%;
	padding: 3%;
	position: relative;
}
.equipment .equipmentTOP img{
	width: 50%;
}
.equipment .equipmentTOP p{
	width: 25%;
	font-family: "微软雅黑";
	font-size: 1.3rem;
	color: #fff;
	position: absolute;
	top: 39%;
	left: 12%;
	letter-spacing: 2px;
	font-weight: bold;
}
.equipment .equipmentTOP span{
	width: 25%;
	font-family: "微软雅黑";
	font-size: 0.85rem;
	color: #02f9ff;
	position: absolute;
	top: 45%;
	left: 36%;
	letter-spacing: 2px;
}
.equipment .equipmentBg{
	width: 96%;
	height: 100%;
	margin: 0 auto 2%;
	background-color: rgba(0,0,0,0.1);
	background-image: url(/static/three_edit/img/0-1-liang.png);
	background-size: 100% 100%;	
	background-repeat: no-repeat;
}
.equipmentBtn{
	width:40% ;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	
}
.equipmentBot{
	width: 100%;
	background-color: rgba(0,0,0,0.3);
	background-image: url(/static/three_edit/img/0-2-small.png);
	background-size: 100% 100%;
}
.equipmentTable{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background-color: rgba(0,0,0,0.);
}


label{
        display:inline-block;
       /* width:25%;*/
        /*height:50px;*/
       	margin: 2%;
        /*line-height:.8rem;*/
        text-align:left;
        position: relative;
        color: #a9a8ba;
        font-family: "微软雅黑";
        font-size: 0.78rem;
    }
label input{
        width: 15%;
        height: 15%;
        vertical-align: bottom;
        margin-right:.1rem;
        opacity: 0;
    }
.spot{
        display:inline-block;
        width:80%;
        height:80%;
        background:url(/static/three_edit/img/1-m.png) no-repeat;  /*默认的样式图片*/
        background-size:contain;
        position: absolute;
        /*top:.2rem;*/
       	top: 9%;
        left:0;
        z-index:5;
        
    }
input:checked + .spot
{
  		background:url(/static/three_edit/img/2-all.png) no-repeat;  /*选中后的样式图片*/
        background-size:contain;
 }
 input:checked + .spot2
{
  		background:url(/static/three_edit/img/3-open.png) no-repeat;  /*选中后的样式图片*/
        background-size:contain;
 }
 input:checked + .spot3
{
  		background:url(/static/three_edit/img/4-close.png) no-repeat;  /*选中后的样式图片*/
        background-size:contain;
 }
 .equipmentTable-right tr th{
 	font-family: "微软雅黑";
 	color: #fff;
 }
 .equipmentTable-right tr th:first-child{
	margin-left: 60%;display: inline-block;width: 32%;
	border-style:none;
	
}
.equipmentTable-right tr th:nth-child(2){
	margin-left: 10%;width: 15%;border-style:none;
}
.equipmentTable-right tr th:nth-child(3){
	width: 15%;border-style:none;
}
.equipmentTable-right tr th:nth-child(4){
	width: 15%;border-style:none;
}
.equipmentTable-right tr th:last-child{
	width: 15%;border-style:none;
}
.equipmentTable-right tr td{
	font-family: "微软雅黑";
	color: #fff;
}
.equipmentTable-right tr td:first-child{
	margin-left: 60%;display: block;width: 32%;border-style:none;	
}

.equipmentTable-right tr td:nth-child(2){
	border-style:none;
	
	
}
.equipmentTable-right tr td:nth-child(3){
	border-style:none;
	
	
}
.equipmentTable-right tr td:nth-child(4){
	border-style:none;
	
}
.equipmentTable-right tr td:nth-child(5){
	border-style:none;
	
}
.equipmentTable-left{
	border-left:3px solid #999 ;
	width: 15%;
	height: 23rem;
	position: absolute;
	top: 10%;
	left: 10%;
	display: flex;
	flex-direction: column;
}
.equipmentAbso{
	width: 25%;
}
.equipmentAbso img{
	position: absolute;top: -4%;left: 12%;
}
.equipmentAbso p{
	position: absolute;top: -4%;left: 27%;
	font-family: "微软雅黑";
	color: #01f5fd;
}
.equipmentAbsoTwo{
	width: 25%;
}
.equipmentAbsoTwo img{
	position: absolute;top: 33%;left: 12%;
}
.equipmentAbsoTwo p{
	position: absolute;top: 33%;left: 27%;
	color: #01f5fd;
}
.equipmentAbsoThree{
	width: 25%;
}
.equipmentAbsoThree img{
	position: absolute;top: 66%;left: 12%;
}
.equipmentAbsoThree p{
	position: absolute;top: 68%;left: 27%;color: #01f5fd;
}


/*===========岗位人员页面开始===========*/
.postIndex{
	width: 100%;
	height: 100%;
	background-image: url(/static/three_edit/img/bg.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	overflow: auto;
}
.postIndex .postIndexTOP{
	width: 70%;
	padding: 3%;
	position: relative;
}
.postIndex .postIndexTOP img{
	width: 50%;
}
.postIndex .postIndexTOP p{
	width: 25%;
	font-family: "微软雅黑";
	font-size: 1.3rem;
	color: #fff;
	position: absolute;
	top: 39%;
	left: 12%;
	letter-spacing: 2px;
	font-weight: bold;
}
.postIndex .postIndexTOP span{
	width: 25%;
	font-family: "微软雅黑";
	font-size: 0.85rem;
	color: #02f9ff;
	position: absolute;
	top: 45%;
	left: 34%;
	letter-spacing: 2px;
}
.postIndex .postIndexBg{
	width: 96%;
	/*height: 100%;*/
	margin: 0 auto 2%;
	background-color: rgba(0,0,0,0.1);
	background-image: url(/static/three_edit/img/0-1-liang.png);
	background-size: 100% 100%;	
	background-repeat: no-repeat;
	overflow: hidden;
	zoom:1;
}
.postIndexBg .postIndexContent{
	width: 96%; margin: 10% auto 0;
	/*background: red;*/
}
.postIndexBg .postIndexContent span{
	border: 1px solid #00f6ff;
}
.postIndexBg .postIndexContent img{
	width: 70%;margin-left: 5%;margin-top: 0.6%;
}
.postIndexContent .postIndexPerson{
	position: relative;  
	background: purple;
	width: 103%;
}
.postIndexContent .postIndexPerson img{
	background-size: 100% 100%;  float: left;margin-top: -6.5%;margin-left: 10%;width: 10%;
}
.postIndexContent .postIndexPerson .line{
	border-bottom: 1px solid #00f4fc; width: 6.6%;margin-top: -0.39%;float: left;
}
.postIndexContent .postIndexPerson .lineTwo{
	border-bottom: 1px solid #00f4fc; width: 7.7%;margin-top: -0.39%;float: left;
	margin-left: 21%;clear: both;
}
.postIndexContent .postIndexPerson .postIndexFigure{
	width: 2%;
	/*background: yellow;*/
	float: left;margin-top: -2%;margin-left: 8%;
	color: #01ff2b;font-family: "微软雅黑";font-size: 0.9rem;
}
.postIndexContent .postIndexPerson .triangle{
	width: 2%;
	/*background: yellow;*/
	float: left;
	margin-left: 28.3%;
    margin-top: -1.85%;	
}
.postIndexContent .postIndexPerson .triangle img{
	width: 60%;
}
.postFlex{
	margin: 1% auto 5% auto;
	width: 90%;
	display: flex;
	justify-content:space-between;
}
.postFlex .imageFlex{
	
	width: 2.5%;
	background-size:100% 100%;
	background-repeat: no-repeat;
}
.imageFlex img{
	width: 100%;
}
.postFlex img{
	width: 100%;
}
.postTitleCon{
	width: 96%;
	margin: 0 auto 10% auto;
	display: flex;
	/**justify-content: space-around;**/
}
.postTitleCon .postTitle{
	width: 21%;
}
.postTitleCon .postTitle p{
	color: #02f5fd;font-family: '微软雅黑';font-size: 0.85rem;
}
.postTitleCon .postTitle img{
	width: 100%;
	margin-top: -5%;
}
.postTable{
	
}
.tableFlex{
	display: flex;
	justify-content: space-around;
}
.tableFlex .tableFlexImg{
	width: 30%;
	margin: 15% 0;
}
.tableFlex .tableFlexImg img{
	width: 100%;
}
.postTable tr td:first-child{
	display: inline-block;
	width: 40%;
	line-height: 2.5rem;
	text-align: center;
	text-align:justify;
	text-justify:distribute-all-lines;
	text-align-last:justify;
	color: #9a9a9a;
	font-family: "微软雅黑";
	font-size: 0.75rem;
	
}
.postTable tr td:last-child{
	text-align: left;
	display: inline-block;
	margin-left: 15%;
	font-family: "微软雅黑";
	font-size: 0.75rem;
	color:#02f5fd ;
	letter-spacing: 2px;
}
